//commonjs 引入cal对象
//var cal = require("./cal.js");
//es6的模块引入
//默认导出，导入的时候变量可以随便定义
//声明导出，导入的时候变量必须一直
//import和export 必须在顶级，就是说不能在函数内
//全局导入是导入的整个对象
//ES6中代码的变化
//var name = "bbc";
//var person = {name}; --> var person = {name:name};
/*var cal = {
	add: function() {
		return 1;
	},
	add() {
		return 2;
	},
	add3(n1, n2) {//可以干掉:function
		return n1 + n2;
	}
}*/
//当属性的key和变量的名相同，使用变量的值做value,就可以简写{name}
//es6中的函数声明干掉:function
//单文件就是以*.vue结尾的文件，最终会通过webpack编译成js在浏览器中执行


// vue单文件方式
//内容:<template></template> + <script></script> + <style></style>
//template中只能有一个根节点
//script中按照export default {配置} 来写
//style中可以设置scoped属性，让其在template中生效。

// 以单文件方式启动
// 让webpack找人来理解你的单文件代码
// vue, vue-template-complier, 代码中依赖vue
import {
	obj1,
	obj4
} from './cal.js';
import * as myObj from './cal.js';

//获取按钮
function execute() {
	var n1 = obj1 - 0;
	var n2 = obj4 - 0;
	var sum = n1 + n2;
	document.getElementById("n1").value = obj1;
	document.getElementById("n2").value = obj4;
	document.getElementById("result").value = sum;
}

new execute();
console.log(myObj);